<!-- 查看报表 -->
<template>
  <h2 style="margin-left: 10px">查看报表</h2>
  <div style="margin-left: 10%;">
    <p style="display: flex;justify-content: right;"><span>变量---(部门)--</span>审批工作情况-- <span>变量--月报（季报）（时间）</span>--例行存档 -- <span>变量（所有部门）</span> </p>
  </div>
  <table border="1" cellspacing="0" cellpadding="0" style="width: 100%; margin-top: 20px;" id="onetable">
    <tr id="onetr">
        <td class="oneth">待办审批事项</td>
        <td > <span style="margin-left: 20px;"> 62</span></td>
        <td class="oneth">处理中审批事项：</td>
        <td>88</td>
        <td class="oneth">已处理审批事项：</td>
        <td>1069</td>
        <td class="oneth">已完结审批事项：</td>
        <td>65896</td>
    </tr>
    <tr id="twotr">
        <td>审批事项数统计：</td>
        <td colspan="7">2020-07-25 至 2020-08-01：2685    2020-08-01 至 2020-08-06：2535    2020-08-06 至 2020-08-13：1685    2020-08-13 至 2020-08-20：2685    2020-08-13 至 2020-08-20：1385</td>
    </tr>
    <tr id="threetr">
        <td class="oneth">审批事项热门关键字：</td>
        <td colspan="7">建设用地（856）、工商审查（632）、税务登记（610）、行政许可（498）、环保审批（466）、融资（328）、用人佣工（163）</td>
    </tr>
    <tr id="foretr">
        <td class="oneth">审批工作完成情况：</td>
        <td colspan="3">73%</td>
        <td class="oneth">按时办结率：</td>
        <td colspan="3">98%</td>
    </tr>
    <tr id="fivetr">
        <td class="oneth">审批事项占比：</td>
        <td colspan="7">待办：48%  处理中：22%  已处理：18%  已办结：12%</td>
    </tr>
    <tr id="sextr">
        <td class="oneth">评价满意度占比：</td>
        <td colspan="7">非常满意：48%  满意：22%  不满意：18%  非常不满意：12%</td>
    </tr>
</table>
  <table border="1" cellspacing="0" cellpadding="0" style="width: 100%;">
    <caption style="background-color: rgb(242,242,242);height: 50px;line-height: 50px;color: black;">各部门审批统计图</caption>
    <tr style="height: 40px;" id="twotr">
        <td class="oneth">工商部门:</td>
        <td>170</td>
        <td class="oneth">税务部门:</td>
        <td>256</td>
        <td class="oneth">土地管理部门:</td>
        <td>125</td>
        <td class="oneth">行政许可部门:</td>
        <td>639</td>
    </tr>
    <tr style="height: 40px;">
        <td class="oneth">人事部门:</td>
        <td>552</td>
        <td class="oneth">环保部门:</td>
        <td>410</td>
        <td class="oneth">公安部门:</td>
        <td>205</td>
        <td class="oneth">城市管理部门：</td>
        <td>326</td>
    </tr>
  </table>

  <table border="1" cellspacing="0" cellpadding="0" style="width: 100%;">
    <caption style="background-color: rgb(242,242,242);height: 50px;line-height: 50px;color: black;">各行业审批统计图</caption>
    <tr style="height: 40px;" id="threetr">
        <td class="oneth">工业制造:</td>
        <td>170</td>
        <td class="oneth">网络科技:</td>
        <td>256</td>
        <td class="oneth">生物制药:</td>
        <td>125</td>
        <td class="oneth">医疗科技:</td>
        <td>639</td>
    </tr>
    <tr style="height: 40px;">
        <td class="oneth">餐饮服务:</td>
        <td>552</td>
        <td class="oneth">娱乐:</td>
        <td>410</td>
        <td class="oneth">房地产:</td>
        <td>205</td>
        <td class="oneth">其他：</td>
        <td>326</td>
    </tr>
    <tr style="height: 120px;" id="foretr">
        <td class="oneth">备注:</td>
        <td colspan="7">备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字备注替代文字</td>
    </tr>
    <tr style="height: 40px;">
        <td class="oneth">附件:</td>
        <td>无</td>
        <td class="oneth">图表:</td>
        <td> <a href="">点击查看</a> </td>
        <td class="oneth">制作人:</td>
        <td>李天然</td>
        <td class="oneth">制作时间：</td>
        <td>2020-08-25 09:30:55</td>
    </tr>
  </table>
  <div style="display: flex;justify-content: center;margin-top: 30px;">
      <el-button type="primary" style="width: 140px; height: 40px;background-color: rgb(0,153,255);margin-right: 30px;" >导出</el-button>
      <el-button type="primary" style="width: 140px; height: 40px;background-color: rgb(0,153,255);margin-left: 30px;" >关闭</el-button>
  </div>
  
</template>


<script lang="ts">
</script>

<style scoped>
#onetable tr{
   
    height: 40px;
}
.oneth {
    background-color: rgb(242, 242, 242);
}
#twotr td{
    height: 40px;
    width: 12%;
}
#threetr td{
    height: 40px;
    width: 12%;
}

#onetr td{
    height: 40px;
    width: 12%;
}


</style>